<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影详情</title>
    <meta name="referrer" content="no-referrer" />
    <style>
        .mbox{
            width:1200px;
            margin:50px auto;
        }
        ul{
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            width:100%;
        }
        li{
            width:25%;
            box-sizing: border-box;
            padding:20px;
        }
        li .a{
            display: block;
            border:1px solid #ddd;
            border-radius: 10px;
            text-decoration: none;

        }
        .one{
            width:100%;
            padding:0 20px;
            box-sizing: border-box;
        }
        li .a img{
            height:260px;
            width:100%;
        }
        h2{
            color:#b3b3b3;
        }
        p{
            color:#999;
        }
    </style>
</head>
<body>
    <%- include('head',{title:result.title})%>

    <div class="mbox">
        <div class="a">
            <img src="<%- result.images.small.replace(/img7/,'img3')  %>" class="mimg"  />   
            <div class="one">
                <h2> <%- result.title %></h2>
                <p>年份: <%-result.year%></p>
                <p>评分: <%-result.rating.average%></p>
                <p>分类: <%-result.genres%></p>
                <p>演员: 
                 <%   result.casts.forEach((item,index)=>{ %>
                        <span>
                            <%- item.name %>
                        </span>
                  <%  }) %> 
                </p>
                <p>导演: <%-result.directors[0].name %></p>
                <button onclick="history.back()">返回</button>
            </div>
        </div>
    </div>

    <script>
        
    </script>
</body>
</html>